<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8">
    <title>数据查看</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
</head>

<body>

    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">

            <div class="layui-col-sm6 layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">
                        总学员
                        <span class="layui-badge layui-bg-blue layuiadmin-badge">年</span>
                    </div>
                    <div class="layui-card-body layuiadmin-card-list">
                        <p class="layuiadmin-big-font" id="studentYearCount"></p>
                        <p>
                            总学员
                            <span class="layuiadmin-span-color"> <i class="layui-inline layui-icon layui-icon-flag"></i></span>
                        </p>
                    </div>
                </div>
            </div>
            <div class="layui-col-sm6 layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">
                        活跃月学员
                        <span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span>
                    </div>
                    <div class="layui-card-body layuiadmin-card-list">
                        <p class="layuiadmin-big-font" id="studentMethodCount"></p>
                        <p>
                            月新增学员
                            <span class="layuiadmin-span-color"><i class="layui-inline layui-icon layui-icon-face-smile-b"></i></span>
                        </p>
                    </div>
                </div>
            </div>
            <div class="layui-col-sm6 layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">
                        活跃用户
                        <span class="layui-badge layui-bg-green layuiadmin-badge">周</span>
                    </div>
                    <div class="layui-card-body layuiadmin-card-list">

                        <p class="layuiadmin-big-font" id="studentWeekCount"></p>
                        <p>
                            今周新增学员数
                            <span class="layuiadmin-span-color">*** <i class="layui-inline layui-icon layui-icon-dollar"></i></span>
                        </p>
                    </div>
                </div>
            </div>
            <div class="layui-col-sm6 layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">
                        今天新增学员
                        <span class="layui-badge layui-bg-orange layuiadmin-badge">日</span>
                    </div>
                    <div class="layui-card-body layuiadmin-card-list">

                        <p class="layuiadmin-big-font" id="studentDayCount"></p>
                        <p>
                            今天新增
                            <span class="layuiadmin-span-color"> <i class="layui-inline layui-icon layui-icon-user"></i></span>
                        </p>
                    </div>
                </div>
            </div>




        </div>
    </div>
    </div>
    <script src="../../layuiadmin/url.js"></script>
    <script src="../../layuiadmin/jquery/jquery-1.11.1.min.js"></script>
    <script src="../../layuiadmin/layui/layui.js"></script>
    <script>
        layui.config({
            base: '../../layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'sample']);
    </script>
    <script>
        $(function() {
            $.ajax({
                type: "GET",
                dataType: "json",
                url: applicationUrl + 'student/api/count',
                success: function(result) {
                    $("#studentTotal").text(result.data.total);
                    $("#studentYearCount").text(result.data.yearsCount);
                    $("#studentMethodCount").text(result.data.nowMethod);
                    $("#studentWeekCount").text(result.data.nowWeek);
                    $("#studentDayCount").text(result.data.nowDay);
                }
            });
            $.ajax({
                type: "GET",
                dataType: "json",
                url: applicationUrl + 'no-student/api/count',
                success: function(result) {
                    $("#nostudentTotal").text(result.data.total);
                    $("#nostudentYearCount").text(result.data.yearsCount);
                    $("#nostudentMethodCount").text(result.data.nowMethod);
                    $("#nostudentWeekCount").text(result.data.nowWeek);
                    $("#nostudentDayCount").text(result.data.nowDay);
                }
            });
        });
    </script>

</body>

</html>